<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>
<body>

<div class="wrapper wrapper-content animated fadeInLeft">
    <div>
        <div class="row">
            <div class="pt10">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>填写基本信息</h5>
                        </div>
                        <form id="saveCreateLiveFrom">
                            <div class="ibox-content clearfix pt10">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> 直播间名称</label>
                                        <div class="col-sm-8">
                                            <input class="validate-data form-control" type="text" name="name"  />
                                            <span class="help-block m-b-none c-999"> 直播课标题字数最大40个字符</span>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> 直播间描述</label>
                                        <div class="col-sm-8">
                                            <textarea  name="desc" class="form-control"></textarea>
                                            <span class="help-block m-b-none c-999">直播间描述，最大字5000</span>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> 直播时间</label>
                                        <div class="col-sm-8">
                                            <input readonly id="liveStartTime" name="start_time" class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD hh:mm:ss"/> _
                                            <input readonly id="liveEndTime" name="end_time" class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD hh:mm:ss"/>
                                            <span class="help-block m-b-none c-999">  直播开始时间和结束时间</span>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> 并发数限制</label>
                                        <div class="col-sm-8">
                                            <input class="validate-data form-control" value="0" type="number" name="maxaudiencenum"  />
                                            <span class="help-block m-b-none c-999">根据上人数，填写具体数字，建议大于实际上课人数</span>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i>直播间模板类型</label>
                                        <div class="col-sm-8 radio i-checks">
                                            <!--<select class="form-control" name="templatetype" id="templatetype">
                                                <option selected value="1">模板一 视频直播</option>
                                                <option value="2">模板二 视频直播+聊天互动+直播问答</option>
                                                <option value="3">模板三 视频直播+聊天互动</option>
                                                <option value="4">模板四 视频直播+聊天互动+直播文档</option>
                                                <option value="5">模板五 视频直播+聊天互动+直播文档+直播问答</option>
                                                <option value="6">模板六 视频直播+直播问答</option>
                                            </select>-->
                                            <div class="row">
                                                <div class="course-box col-sm-6">
                                                    <label>
                                                        <input type="radio" value="1" name="templatetype"><i></i> 模板一 视频直播
                                                    </label>
                                                    <section class="ad-course-item__wrap mt10">
                                                    </section>
                                                </div>
                                                <div class="course-box col-sm-6">
                                                    <label>
                                                        <input type="radio" value="2" name="templatetype"><i></i> 模板二 视频直播+聊天互动+直播问答
                                                    </label>
                                                    <section class="ad-course-item__wrap mt10">

                                                    </section>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="course-box col-sm-6">
                                                    <label>
                                                        <input type="radio" value="3" name="templatetype"><i></i> 模板三 视频直播+聊天互动
                                                    </label>
                                                    <!--<section class="thumbnail ad-course-item__wrap mt10">
                                                        <img class="ad-course-item-pic lazy" width="100%" height="" style="max-width:100%" src="http://127.0.0.1:1112/front/web/v3/img/default/default-course.gif">
                                                        <div class="text-center mt10">
                                                            <span class="c-222 fs12">模板三 视频直播+聊天互动</span>
                                                        </div>
                                                    </section>-->
                                                    <section class="ad-course-item__wrap mt10">

                                                    </section>
                                                </div>
                                                <div class="course-box col-sm-6">
                                                    <label>
                                                        <input type="radio" value="4" name="templatetype" checked><i></i> 模板四 视频直播+聊天互动+直播文档
                                                    </label>
                                                    <!--<section class="thumbnail ad-course-item__wrap mt10">
                                                        <img class="ad-course-item-pic lazy" width="100%" height="" style="max-width:100%" src="http://127.0.0.1:1112/front/web/v3/img/default/default-course.gif">
                                                        <div class="text-center mt10">
                                                            <span class="c-222 fs12">模板四 视频直播+聊天互动+直播文档</span>
                                                        </div>
                                                    </section>-->
                                                    <section class="ad-course-item__wrap mt10">

                                                    </section>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="course-box col-sm-6">
                                                    <label>
                                                        <input type="radio" value="5" name="templatetype" ><i></i> 模板五 视频直播+聊天互动+直播文档+直播问答
                                                    </label>
                                                    <!--<section class="thumbnail ad-course-item__wrap mt10">
                                                        <img class="ad-course-item-pic lazy" width="100%" height="" style="max-width:100%" src="http://127.0.0.1:1112/front/web/v3/img/default/default-course.gif">
                                                        <div class="text-center mt10">
                                                            <span class="c-222 fs12">模板五 视频直播+聊天互动+直播文档+直播问答</span>
                                                        </div>
                                                    </section>-->
                                                    <section class="ad-course-item__wrap mt10">

                                                    </section>
                                                </div>
                                                <div class="course-box col-sm-6">
                                                    <label>
                                                        <input type="radio" value="6" name="templatetype"><i></i> 模板六 视频直播+直播问答
                                                    </label>
                                                    <!--<section class="thumbnail ad-course-item__wrap mt10">-->
                                                    <section class="ad-course-item__wrap mt10">
                                                        <!--<img class="ad-course-item-pic lazy" width="100%" height="" style="max-width:100%" src="http://127.0.0.1:1112/front/web/v3/img/default/default-course.gif">
                                                        <div class="text-center mt10">
                                                            <span class="c-222 fs12">模板六 视频直播+直播问答</span>
                                                        </div>-->
                                                        <section class="ad-course-item__wrap mt10">

                                                        </section>
                                                    </section>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">文档显示模式</label>
                                        <section class="clearfix">
                                            <aside class="pull-left" style="width: 10%">
                                                <select class="form-control" name="documentdisplaymode">
                                                    <option value="1" >适应窗口</option>
                                                    <option value="2">适应宽度</option>
                                                </select>
                                            </aside>

                                        </section>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">是否显示在线人数</label>
                                        <div class="col-sm-6">
                                            <div style="margin-top: 5px">
                                                <div class="switch">
                                                    <div class="onoffswitch">
                                                        <input name="showusercount"  type="checkbox" class="onoffswitch-checkbox" id="showusercount">
                                                        <label class="onoffswitch-label" for="showusercount">
                                                            <span class="onoffswitch-inner"></span>
                                                            <span class="onoffswitch-switch"></span>
                                                        </label>
                                                    </div>
                                                    <span>
                                                <small class="fs12 c-999">说明：ON=表示开启(在页面显示当前在线人数)</small>
                                            </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">是否开启云端录制</label>
                                        <div class="col-sm-6">
                                            <div style="margin-top: 5px">
                                                <div class="switch">
                                                    <div class="onoffswitch">
                                                        <input name="manuallyrecordmode"  type="checkbox" class="onoffswitch-checkbox" id="manuallyrecordmode">
                                                        <label class="onoffswitch-label" for="manuallyrecordmode">
                                                            <span class="onoffswitch-inner"></span>
                                                            <span class="onoffswitch-switch"></span>
                                                        </label>
                                                    </div>
                                                    <span>
                                                <small class="fs12 c-999">说明：ON=表示开启云端录制</small>
                                            </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">是否开启聊天审核</label>
                                        <div class="col-sm-6">
                                            <div style="margin-top: 5px">
                                                <div class="switch">
                                                    <div class="onoffswitch">
                                                        <input name="openchatmanage"  type="checkbox" class="onoffswitch-checkbox" id="openchatmanage">
                                                        <label class="onoffswitch-label" for="openchatmanage">
                                                            <span class="onoffswitch-inner"></span>
                                                            <span class="onoffswitch-switch"></span>
                                                        </label>
                                                    </div>
                                                    <span>
                                                <small class="fs12 c-999">说明：ON=表示开启</small>
                                            </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">是否开启弹幕</label>
                                        <div class="col-sm-6">
                                            <div style="margin-top: 5px">
                                                <div class="switch">
                                                    <div class="onoffswitch">
                                                        <input name="barrage"  type="checkbox" class="onoffswitch-checkbox" id="barrage">
                                                        <label class="onoffswitch-label" for="barrage">
                                                            <span class="onoffswitch-inner"></span>
                                                            <span class="onoffswitch-switch"></span>
                                                        </label>
                                                    </div>
                                                    <span>
                                                <small class="fs12 c-999">说明：ON=表示开启弹幕</small>
                                            </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <!--<div class="form-group">
                                        <label class="col-sm-2 control-label text-right">开启直播低延时模式</label>
                                        <div class="col-sm-6">
                                            <div style="margin-top: 5px">
                                                <div class="switch">
                                                    <div class="onoffswitch">
                                                        <input name="openlowdelaymode"  type="checkbox" class="onoffswitch-checkbox" id="openlowdelaymode" checked="checked">
                                                        <label class="onoffswitch-label" for="openlowdelaymode">
                                                            <span class="onoffswitch-inner"></span>
                                                            <span class="onoffswitch-switch"></span>
                                                        </label>
                                                    </div>
                                                    <span>
                                                <small class="fs12 c-999">说明：ON=表示开启直播低延时模式</small>
                                            </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>-->
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">是否免密验证</label>
                                        <div class="col-sm-6">
                                            <div style="margin-top: 5px">
                                                <div class="switch">
                                                    <div class="onoffswitch">
                                                        <input name="authtype"  type="checkbox" class="onoffswitch-checkbox" id="authtype">
                                                        <label class="onoffswitch-label" for="authtype">
                                                            <span class="onoffswitch-inner"></span>
                                                            <span class="onoffswitch-switch"></span>
                                                        </label>
                                                    </div>
                                                    <span>
                                                <small class="fs12 c-999">说明：ON=表示开启免密验证</small>
                                            </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div data-th-replace="layout/head-footer"></div>
<script type="text/javascript" th:src="@{{path}/admin/libs/plugins/layer/laydate/laydate.js?v={v}(path=${staticPath},v=${v})}"></script>
<script>
    initLayerDate("#liveStartTime",true);
    initLayerDate("#liveEndTime",true);
</script>
</body>
</html>
